<template>
  <el-row :gutter="20">
    <el-col :span="24" class="header-tab-style">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="设计组织" name="first" >
          <el-col :span="24" class="container-box">
          <TabDesignOrg :type="type"></TabDesignOrg>
          </el-col>
        </el-tab-pane>
        <el-tab-pane label="设计项目" name="second" >
          <el-col :span="24" class="container-box">
          <TabDesignPro></TabDesignPro>
        </el-col>
        </el-tab-pane>
      </el-tabs>
    </el-col>
    
  </el-row>
</template>

<script>
import TabDesignOrg from './components/tabDesignOrg'
import TabDesignPro from './components/tabDesignPro'
export default {
  components:{
    TabDesignOrg,
    TabDesignPro
  },
data(){
  return{
    type:1,//1：设计管理;2:生产管理3：施工管理
  activeName: 'first'
  }
},
methods:{
    handleClick(tab, event) {
      console.log(tab, event);
    }
},
created(){

}
}
</script>

<style lang="scss" scoped>
.tab-style{
 
}
.container-box{
  padding:20px!important;
}
</style>